<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" language="java" import="java.util.*" %>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/wangEditor.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/profile.css">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<%@ include file="header.jsp" %>

<div class="main w clearfix">
    <div class="m-left">
        <div class="user-image"><img src="${user.headUrl}"></div>
        <div class="user-info">
            <div class="user-name">${user.username}</div>
            <div class="user-desc">${user.description}</div>
            <div class="user-position">坐标：${user.position}</div>
            <div class="user-school">学校：${user.school}</div>
            <div class="user-job">工作：${user.job}</div>
            <div class="user-money">账户余额：${user.money}</div>
        </div>
        <div class="clearfix" style="border-bottom: 1px dashed #ddd;"></div>

        <div id="zhongxin" class="row">
            <!-- /.col -->
            <div class="col-sm-12">
                <div class="col-sm-3">
                    <label class="control-label no-padding-right">充值余额：</label>
                </div>
                <div class="col-sm-9">
                    <span class="form-control-static">${money}元</span>
                </div>
            </div>
            <p>充值完成后,请关闭充值窗口并刷新页面查看余额</p>

            <div class="col-sm-6" style="margin: 30px;">
                <div class="example"  style="margin: 20px;">
                    <div id="qrcode">
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="m-right">
        <div class="user-follow">
            <div class="user-follow">关注了<span class="user-count">${user.followCount}</span>人</div>
            <div class="user-follower">关注者<span class="user-count">${user.followerCount}</span>人
            </div>
        </div>
        <div class="user-attr">
            <span class="user-like-count">获赞：${user.likeCount}</span>&nbsp;
            <span class="user-post-count">发帖：${user.postCount}</span>

        </div>
        <div class="user-scan-count">个人主页被浏览${user.scanCount}次</div>
    </div>

</div>
<%@ include file="footer.jsp" %>

<%--<div class="main-container" id="main-container">
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div id="zhongxin" class="row">
                    <!-- /.col -->
                    <div class="col-sm-12">
                        <div class="col-sm-3">
                            <label class="control-label no-padding-right">充值余额：</label>
                        </div>
                        <div class="col-sm-9">
                            <span class="form-control-static">${money}元</span>
                        </div>
                    </div>
                    <p>充值完成后,请关闭充值窗口并刷新页面查看余额</p>

                    <div class="col-sm-6" style="margin: 30px;">
                        <div class="example"  style="margin: 20px;">
                            <div id="qrcode">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.row -->
            </div>
            <!-- /.page-content -->
        </div>
    </div>
    <!-- /.main-content -->
</div>--%>
<!-- /.main-container -->

<!-- <![endif]-->
<!-- 页面底部js¨ -->
<!-- 删除时确认窗口 -->
<!-- inline scripts related to this page -->
<script th:inline="javascript">
    $(function(){
        var codeStr = "${code_url}";
        console.log(codeStr);
        jQuery('#qrcode').qrcode({width: 256,height: 256,correctLevel:0,text: codeStr});
    });
</script>
</body>
</html>
